@import "../base.less";
.connect-img {
  width: 100%;
}
.connect-title {
  .fs(35);
  text-align: center;
  margin-top: .3rem;
}
.connect-method {
  padding: .1rem .5rem;
  .col {
    padding-top: .5rem;
    text-align: center;
    .fs(28);
    color: #000;
    line-height: .5rem;
    border-right: 1px solid #e6e6e6;
    &:last-child {
      border-right: 0;
    }
  }
  .business-consulting {
    background: url(../../img/aboutUs/connect2.png) no-repeat center 30%;
    background-size: .3rem;
  }
  .media-cooperation {
    background: url(../../img/aboutUs/connect3.png) no-repeat center 30%;
    background-size: .3rem;
  }
  .strategic-cooperation {
    background: url(../../img/aboutUs/connect4.png) no-repeat center 30%;
    background-size: .3rem;
  }
}
.online-consulting {
  width: 1.65rem;
  margin: 0 auto;
  .fs(28);
  line-height: .36rem;
  text-align: center;
  color: #fff;
  background-color: #0090ff;
  border-radius: 2px;
}
.online-mail {
  width: 100%;
  margin-top: .2rem;
  .fs(28);
  color: #666;
  text-align: center;
}
.connect-info {
  position: relative;
  margin-top: .8rem;
  .connect-code {
    position: absolute;
    top: -.4rem;
    left: 50%;
    width: .8rem;
    height: .8rem;
    margin-left: -.4rem;
  }
  .connect-map {
    position: absolute;
    bottom: 0;
    left: 13%;
    width: 74%;
  }
  h3 {
    position: absolute;
    left: 0;
    top: .9rem;
    width: 100%;
    .fs(32);
    text-align: center;
    color: #fff;
  }
  h4 {
    position: absolute;
    left: 0;
    top: .5rem;
    width: 100%;
    .fs(24);
    text-align: center;
    color: #fff;
  }
  img {
    width: 100%;
  }
}
.connect-address {
  background-color: #000;
  padding: 0 13%;
  .address-area {
    padding: .2rem;
    color: #fff;
    .fs(24);
    line-height: .18rem;
    background-color: #0064b3;
  }
}